<!DOCTYPE html>
<meta charset="utf-8">
<title>Parent is site-keyed, navigate a frame from same-origin site-keyed to different-origin (different-port) origin-keyed</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>

<div id="log"></div>

<script type="module">
import {
  insertIframe,
  navigateIframe,
  setBothDocumentDomains,
  testSameAgentCluster,
  testDifferentAgentClusters,
  testGetter
} from "../resources/helpers.mjs";

let frame1;
promise_setup(async () => {
  frame1 = await insertIframe("{{hosts[][]}}");
});

// Nobody requested origin-keying yet.

testSameAgentCluster([self, 0], "Before: parent to child");
testGetter(self, false, "before parent");
testGetter(0, false, "before child");

promise_test(async () => {
  await navigateIframe(frame1, "{{hosts[][]}}:{{ports[https][1]}}", "?1");
  await setBothDocumentDomains(frames[0]);
}, "Navigation");

// Since the new page is different-origin, its origin-keying request should be
// respected.

testDifferentAgentClusters([self, 0], "After: parent to child");
testGetter(self, false, "after parent");
testGetter(0, true, "after child");
</script>
